<%@ page contentType="text/html;charset=UTF-8"%>
  <%@ include file="/WEB-INF/views/modules/cms/front/include/taglib.jsp"%>
    <!DOCTYPE html>
    <html>

    <head>
      <title>首页</title>
      <meta name="decorator" content="cms_default_${site.theme}" />
      <meta name="description" content="JeeSite ${site.description}" />
      <meta name="keywords" content="JeeSite ${site.keywords}" />
      <script src="${ctxStatic}/IDH/js/rem.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="${ctxStatic}/IDH/css/reset.min.css" />
		<link rel="stylesheet" type="text/css" href="${ctxStatic}/IDH/css/commodity_list.css" />
		<link rel="stylesheet" type="text/css" href="${ctxStatic}/bootstrap=v3.3.0/dist/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="${ctxStatic}/iconfont/iconfont.css">
      <link rel="stylesheet" type="text/css" href="${ctxStatic}/IDH/css/front/frontIndex.css">
			<script src="${ctxStatic}/jquery/jquery-2.1.1.min.js" type="text/javascript" charset="utf-8"></script>
			<script src="${ctxStatic}/bootstrap=v3.3.0/dist/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
      <!-- swiper -->
      <link rel="stylesheet" type="text/css" href="${ctxStatic}/swiper/swiper-3.4.0.min.css">
      <script src="${ctxStatic}/swiper/swiper-3.4.0.min.js" type="text/javascript" charset="utf-8"></script>
      <script type="text/javascript">
      
      	$(document).ready(function() {
			var body_width = document.body.clientWidth + 'px'; 
			$(".phone .swiper-slide a img").css({"width":body_width});
			
			var swiper = new Swiper('.swiper-container',{
					pagination: '.swiper-pagination',
			        paginationClickable: true,
			        nextButton: '.swiper-button-next',
			        prevButton: '.swiper-button-prev',
			        autoplay : 5000,
					loop : true
		        /* spaceBetween: 30 */
		    });
	        $("#introduceInfocontent").text($("#insi span").text());
	        var th =$("#insi th").text();
	        var td =$("#insi td").text();
	        console.log(th);
	        var h = th.split("\n");
	        var d = td.split("\n");
	        for(var i=1;i<=6;i++){
	          var contentIn = '<span class="contactContact">'+h[i]+'&nbsp;|'+d[i]+'</span>';
	          if(i<=3){$("#left-content").append(contentIn);}
	          else{$("#right-content").append(contentIn);}
	        }
	        
	        var divH = $(".figcaption");
		    var $p = $(divH).find("p");
		    while ($p.outerHeight() > divH.height()) {
		        $p.text($p.text().replace(/(\s)*([a-zA-Z0-9]+|\W)(\.\.\.)?$/, "..."));
		    };
		});		
	    
	</script>
    </head>

    <body>
        <div id="insi" class="hidden">
      	   ${article.articleData.content}
      	   ${articleContact.articleData.content}
        </div>
        <div class="col-xs-12 hidden-xs">
          <div class="row">
            <!-- Swiper -->
            <div class="swiper-container">
              <!-- 巨幕图片 -->
              <div class="swiper-wrapper">
                <c:forEach items="${advertisingPohoto }" var="pohoto">
                    <div class="swiper-slide">
                        <a href="${empty pohoto.photoUrl ? '#' : pohoto.photoUrl }"><img src="${uploadPath }${pohoto.photoName }"/></a>
                    </div>
                </c:forEach>
              </div>
              <!-- Add Pagination -->
              <div class="swiper-pagination"></div>
              <!-- Add Arrows -->
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
        </div>
        <!-- Swiper phone-->
        <div class="row">
	        <div class="phone swiper-container visible-xs-block">
	          <!-- 巨幕图片 -->
	          <div class="swiper-wrapper">
	            <c:forEach items="${advertisingPohoto }" var="pohoto">
	                <div class="swiper-slide">
	                    <a href="${empty pohoto.photoUrl ? '#' : pohoto.photoUrl }"><img src="${uploadPath }${pohoto.photoName }"/></a>
	                </div>
	            </c:forEach>
	          </div>
	          <!-- Add Pagination -->
	          <div class="swiper-pagination"></div>
	        </div>
        </div>
        <div class="col-xs-12">
          <label class="bigTitle">INTRODUCTION</label>
          <hr>
          <label class="middleTitle">公司介绍</label>
          <div class="company_introduction figcaption">
	          <p class="introduceInfo" id="introduceInfocontent"></p>
          </div>
          <a class="col-xs-12" href="/jeesite/f/list-f44de3e8ade84634ac77b99f1e1ff9f1.html">
          <span class="moreBtn companyBtn">查看更多</span>
          </a>
        </div>
        <div class="col-xs-12 partners">
          <label class="bigTitle">PARTNERS</label>
          <hr>
          <label class="middleTitle">合作伙伴</label>
          <div class="col-xs-12 companyList">
                <c:forEach items="${linkList }" var="link">
                    <div class="col-sm-3 col-xs-6"><img class="friend-img" src="${link.image}" width="100%" height="168px"></div>
                </c:forEach>
          </div>
          <a class="col-xs-12" href="/jeesite/f/list-7412a3f7daa44729beb809381330bbd3.html">
          <span class="moreBtn">查看更多</span>
          </a>
        </div>
        <div class="col-xs-12 coretech hidden">
          <div class="col-sm-6 col-xs-12"><img src="${ctxStatic}/IDH/images/homepage/BitmapCopy.png" width="100%"></div>
          <div class="col-sm-6 col-xs-12"><label class="bigTitle">CORE TECHNOLOGY</label>
          <label class="middleTitle">核心技术</label>
          <span class="introduceInfo">系统订制信息化业务流程（含网站架设）等同时也为IT行业合作伙伴提供IT人才外派、专业会务会展及IT培训等的组织和承办服务</span>
          <span class="showV">视频演示</span><span class="moreBtnCore">查看更多</span>
          </div>
        </div>
        <div class="col-xs-12 contact">
          <label class="bigTitleUs">CONTACT US</label>
          <hr>
          <label class="middleTitle">联系我们</label>
          <div class="col-xs-12">
              <div class="col-sm-offset-1 col-sm-5 col-xs-12" id="left-content">
                <span class="contactSecondTitle">商务合作</span>
              </div>
              <div class="col-sm-offset-1 col-sm-5 col-xs-12 " id="right-content">
                <span class="contactSecondTitle">技术支持</span>
              </div>
          </div>
          <div class="col-xs-12">
            <span class="contactSecondTitle forCoopTitle">WE ARE LOOKING FOR COOPERATION!</span>
            <span class="contactContact forCoop">我们期待与您合作！</span>
          </div>
        </div>
        <script type="text/javascript">
	
	 	
		
	</script>
    </body>
	
    </html>